<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
	<meta charset="UTF-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="pragma" content="no-cache" />
	<meta http-equiv="cache-control" content="no-cache" />
	<meta http-equiv="expires" content="0" />
	<css th:include="/common/css :: css('登录')"></css>
	<link th:href="@{/css/login/styles.css}" rel="stylesheet" type="text/css" />
	<link th:href="@{/css/login/demo.css}" rel="stylesheet" type="text/css" />
</head>

<body>
	<form class="layui-form login" th:action="@{/login}" method="post">
		<div class='login_title'>
			<div>
				<span>管理员登录</span>
				<input type='button' value='注册' id="registerchange" style="float: right; line-height: 22px" />
			</div>
			<div class="msg">
				<span id="loginmsg" th:text="${msg}" class="error"></span>
			</div>
		</div>
		<div class='login_fields'>
			<div class="layui-form-item">
				<div class="layui-input-block login_fields__user">
					<input type="text" name="username" lay-verify="required" maxlength="16" autocomplete="off" placeholder="用户名" class="layui-input input-i">
					<i class="fa fa-user"></i>
				</div>
			</div>
			<div class="layui-form-item">
				<div class="layui-input-block login_fields__password">
					<input type="password" name="password" lay-verify="required" maxlength="16" placeholder="密码" autocomplete="off" class="layui-input input-i">
					<i class="fa fa-lock"></i>
				</div>
			</div>
			<div class="layui-form-item">
				<div class="layui-input-block login_fields__password">
					<input type="text" name="verify" lay-verify="required" maxlength="4" placeholder="验证码" autocomplete="off" class="layui-input input-i">
					<i class="fa fa-lock"></i>
					<div class='validation'>
						<img id="verifyCodeImage" onclick="reloadVerifyCode(this)" th:src="@{/anon/getVerifyCodeImage}" style="cursor: pointer" />
					</div>
				</div>
			</div>
			<div class="layui-form-item login_fields__submit">
				<button class="btn" lay-submit lay-filter="loginsubmit">登录</button>
			</div>
		</div>
		<div class='disclaimer'>
			<p>蜀ICP备17019319号-1 ©2017</p>
		</div>
	</form>

	<form class="layui-form register" action="" method="post">
		<div class='login_title'>
			<div>
				<span>用户注册</span>
				<input type='button' value='登录' id="loginchange" style="float: right; line-height: 22px" />
			</div>
			<div class="msg">
				<span id="registermsg"></span>
			</div>
		</div>
		<div class='login_fields'>
			<div class="layui-form-item">
				<div class="layui-input-block login_fields__user">
					<input type="text" name="username" lay-verify="required" maxlength="16" autocomplete="off" placeholder="用户名" class="layui-input input-i">
					<i class="fa fa-user"></i>
				</div>
			</div>
			<div class="layui-form-item">
				<div class="layui-input-block login_fields__password">
					<input type="password" name="password" lay-verify="required" maxlength="16" id="registerpwd" placeholder="密码" autocomplete="off"
					 class="layui-input input-i">
					<i class="fa fa-lock"></i>
				</div>
			</div>
			<div class="layui-form-item">
				<div class="layui-input-block login_fields__password">
					<input type="password" name="pwd" lay-verify="required|pass" placeholder="确认密码" autocomplete="off" class="layui-input input-i">
					<i class="fa fa-lock"></i>
				</div>
			</div>
			<div class="layui-form-item login_fields__submit">
				<button class="btn" lay-submit lay-filter="registersubmit">提交</button>
			</div>
		</div>
		<div class='disclaimer'>
			<p>蜀ICP备17019319号-1 ©2017</p>
		</div>
	</form>
	<js th:include="/common/js :: js"></js>
	<script type="text/javascript" th:src="@{/js/Particleground.js}"></script>
	<script type="text/javascript" th:src="@{/js/login/login.js}"></script>

</body>

</html>